<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>事件的绑定</title>
        <script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.12/vue.js"></script>
    </head>

    <body>
       <div id="root">
        <p>{{title}}</p>
        <button v-on:click="clickEvent($event)">vue的事件监听</button>
        <button @click="clickEvent($event)">vue的事件监听</button>
       </div>
       <script>
        Vue.config.productionTip = false;
        const vm = new Vue({
            el:"#root",
            data:{
                title:'vue111',
            },
            methods:{
                clickEvent(e){
                    console.log('vue的事件监听',e,event);
                }
            }
        });
        console.log(vm)
       </script>
    </body>
</html>
